/*!
 * Copyright 2014-2019 the original author or authors.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "./toast-theme.css";

@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    font-family: BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen,
    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Helvetica, Arial,
    sans-serif;

    @apply text-base;
}

#app {
    @apply h-full;
}

.container {
    @apply px-2;
}

th {
    text-align: left;
}

.table {
    @apply text-left text-gray-500 dark:text-gray-400 bg-white border-collapse;
}

.table thead {
    @apply border-b bg-gray-100 rounded-md;
}

.table th,
.table td {
    @apply py-3 px-3;
}

.table.table-full {
    @apply w-full;
}

.table.table-sm {
    @apply text-sm;
}

.table thead {
    @apply text-gray-700 bg-gray-50 dark:bg-gray-700 dark:text-gray-400;
}

.table tr:not(:last-of-type) {
    @apply border-b;
}

.-rotate-90 {
    --tw-rotate: -90deg;
    transform: rotate(var(--tw-rotate));
}

.rotate-90 {
    --tw-rotate: 90deg;
    transform: rotate(var(--tw-rotate));
}

table.table-wide td {
    @apply px-2 py-1.5;
}

table.table-striped tr:nth-child(even) {
    @apply bg-gray-50;
}

td.label,
td .label {
    @apply text-sm font-medium text-gray-500;
}
